@extends('layouts.buz.layout')
@section('assets')


@endsection()
@section('content')

    <div id="sidebar" class="collapse navbar-collapse col-md-2 col-sm-3">
        <!-- Start .sidebar-inner -->
        <div class="sidebar-inner">
            <ul id="sideNav" class="nav nav-pills nav-stacked">
                <li>
                    <a href="/app/{{$id}}/orders">
                        <div class="col-sm-9 col-xs-10">
                            <h4>支付</h4>
                        </div>
                        <div class="col-sm-3 col-xs-2">
                            <i class="arrowH"></i>
                        </div>
                    </a>
                </li>
                <li class="on">
                    <a href="/app/{{$id}}">
                        <div class="col-sm-9 col-xs-10">
                            <h4>应用信息</h4>
                        </div>
                        <div class="col-sm-3 col-xs-2">
                            <i class="arrowW"></i>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="/app/paychanle">
                        <div class="col-sm-9 col-xs-10">
                            <h4>支付通道</h4>
                        </div>
                        <div class="col-sm-3 col-xs-2">
                            <i class="arrowH"></i>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- End .sidebar-inner -->
    </div>

    <div class="yhy-member col-sm-9 col-sm-push-3 col-md-10 col-md-push-2 col-xs-12">
        {{--<input type="hidden" id="app_id" value="{{$id}}">--}}


            <div class="historyList">
                <h4>
                    已开通支付通道 &nbsp;&nbsp;
                    <button type="button" class="btn btn-info" data-toggle="modal" data-target="#detailInfo">支付的支付通道</button>
                </h4>
                <table class="table table-striped table-bordered y-mt10">
                    <thead>
                    <tr>
                        <th>产品</th>
                        <th>费率</th>
                        <th>结算周期</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>微信支付SDK</td>
                        <td>23%</td>
                        <td>T+1</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

@endsection()

@section('dialog')
    <div class="modal fade" id="detailInfo" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">交易详情</h4>
                </div>
                <div class="modal-body textC fontSize1">
                    <table class="tab table-bordered">
                        <thead>
                        <tr>
                            <th width="65%">
                                通道名称
                            </th>
                            <th width="35%">结算周期</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>支付宝支付</td>
                            <td>T+1</td>
                        </tr>
                        <tr>
                            <td>支付宝支付</td>
                            <td>T+1</td>
                        </tr>
                        <tr>
                            <td>支付宝支付</td>
                            <td>T+1</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer textC">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
@endsection()
@section('bottom_js')
@endsection()
